<?php
include_once '../action/loginController.php';
?>
<!DOCTYPE html>
<html>
 <head>
    <title>Login Aplikasi Cuti</title>
        <link href="tema/css/bootstrap.css" rel="stylesheet"> 
        <link href="tema/css/application.css" rel="stylesheet" >
        <link href="tema/css/example-fluid-layout.css" rel="stylesheet">
        <link href="tema/css/example-fixed-layout.css" rel="stylesheet">
        <script type="text/javascript" src="tema/js/jquery.1.7.1.min.js"></script>
 </head>
 
 <body>  
 <div class="row">
    <div class="span10 offset3 well-large accordion-group">
    <div id="legend">
          <h1>Sistem Informasi Cuti</h1>
    </div>
        <hr>
<?php

            if(isset($error2))
                    {
                            echo '<div class="alert alert-error" id="alert">Terjadi kesalahan '.$error2.'
                                  <button type="button" class="close" data-dismiss="alert" id="close">X</button></div>';
                    }

        ?>

    <div class="row">
    <div class="span4">
        <p><br>
        <b>Selamat datang di halaman login aplikasi cuti<br>    
            <img alt="" src="tema/img/depkeu.jpg" width="100" heigt="100" />
        </div>

    <div id="login form" class="span6">
        <form method="post" action="">
            <legend>Login</legend>
            <div class="input-prepend"><span class="add-on"><i class="icon-user"></i></span>
                <input class="span3 input-medium" placeholder="NIP" type="text" name="nip" id="nip">
            </div>
            <div class="input-prepend"><span class="add-on"><i class="icon-lock"></i></span>
                <input class="span3 input-medium" placeholder="Kata Sandi" type="password" name="sandi" id="sandi">
            </div>
            <button class="btn-info btn" type="submit" name="login_user">Login</button>
        </form>
   </div>
    </div>
  <div class="row">
        <p><center>Hak Cipta oleh Arif Setiyanto<br>&copy 2013 </center></p>
    </div>
  </div>
  </div>
<script src="tema/js/bootstrap-modal.js"></script>
<script src="tema/js/jquery.js"></script>  
<script src="tema/js/bootstrap-transition.js"></script>  
<script src="tema/js/bootstrap-alert.js"></script>  
<script src="tema/js/bootstrap-modal.js"></script>  
<script src="tema/js/bootstrap-dropdown.js"></script>   
<script src="tema/js/bootstrap-scrollspy.js"></script>  
<script src="tema/js/bootstrap-tab.js"></script>  
<script src="tema/js/bootstrap-tooltip.js"></script>  
<script src="tema/js/bootstrap-popover.js"></script>  
<script src="tema/js/bootstrap-button.js"></script>  
<script src="tema/js/bootstrap-collapse.js"></script>  
<script src="tema/js/bootstrap-carousel.js"></script>  
<script src="tema/js/bootstrap-typeahead.js"></script>  
<script src="tema/js/jquery.validate.js"></script> 
<script type="text/javascript">
         jQuery(function(){
                jQuery("#nip").validate({
                    expression: "if (VAL.length == 18 && !isNaN(VAL) && VAL) return true; else return false;",
                    message: "NIP belum diisi"
                });
                jQuery("#sandi").validate({
                    expression: "if (VAL) return true; else return false;",
                    message: "Kata sandi belum diisi"
                });

                jQuery('.AdvancedForm').validated(function(){
                        alert("Use this call to make AJAX submissions.");
                });
            });        
</script>
</body>
</html>